<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<title>伪标签</title>
	<style type="text/css">
		#a1{
			/*不能用块级标签修饰符去修饰行级标签,否则整体的形式会被局限于行块标签*/
			display: block;
			background: black;
			width: 100px;
			height: 100px;
			color: #FF0000;
			text-align: center;
			/*由于水平方向有right\left\center三种形式，垂直方向则是通过与其中心位置高度即可而并不是一半*/
			line-height: 100px;
			text-decoration: none;
		}
		/*伪标签的作用是
			作用于鼠标进入区域的显示,类似于Java中的相应函数操作
		 * */
		#a1:hover{
			background: red;
			color: white;
			font-weight:bolder;
			width: 200px;
			height:200px;
			line-height: 200px;
		}
	</style>
</head>
<body>
	<a href="#" id="a1">百度</a>
</body>
</html>